{% block content %}
    <table>
        <tr valign='top'>
            <td><img src='{{ user.avatar(128) }}'></td>
            <td>
                <h1>User: {{ user.username }}</h1>
                {% if user.about_me %} 
                    <p>{{ user.about_me }}</p>
                {% endif %}
                {% if user.last_seen %}
                    <p>
                        Last seen on: {{ user.last_seen }}
                    </p>
                {% endif %}
                <p>
                    {{ user.followers.count() }} followers, {{ user.followed.count() }} following.
                </p>
                <!-- 如果用户查看他(她)自己的个人主页，仍然是“Edit”链接不变。 -->
                {% if user == current_user %}
                    <p>
                        <a href="{{ url_for('edit_profile') }}">Edit your profile</a>
                    </p>
                <!-- 如果用户查看其他并未关注的用户的个人主页，显示“Follow”链接 -->
                {% elif not current_user.is_following(user) %}
                    <p>
                        <a href="{{ url_for('follow', username=user.username) }}">Follow</a>
                    </p>
                <!-- 如果用户查看其他已经关注的用户的个人主页，显示“Unfollow”链接 -->
                {% else %}
                    <p>
                        <a href="{{ url_for('unfollow', username=user.username) }}">Unfollow</a>
                    </p>
                {% endif %}
            </td>
        </tr>
    </table>
    <hr>
    {% for post in posts %}
        {% include '_post.html' %}
    {% endfor %}
    {% if prev_url %}
        <a href="{{ prev_url }}">Newer posts</a>
    {% endif %}
    {% if next_url %}
        <a href="{{ next_url }}">Older posts</a>
    {% endif %}
{% endblock %}